.charts-line-point {
  width: 100%;
  height: 100%;
  .line-point-item-modal {
    background: #ffffff;
    box-shadow: 0px 9px 28px 8px rgba(0, 0, 0, 0.05), 0px 6px 16px 0px rgba(0, 0, 0, 0.08),
      0px 3px 6px -4px rgba(0, 0, 0, 0.12);
    border-radius: 6px;
    padding: 10px;
    min-width: 140px;
    border: none;
    .title {
      font-size: 12px;
      font-weight: 400;
      color: #8b98a9;
      line-height: 16px;
    }
    .row {
      margin-top: 8px;
      display: flex;
      align-items: center;
      .line {
        width: 12px;
        height: 2px;
        border-radius: 4px;
        flex: 0 0 auto;
      }
      .content {
        font-size: 12px;
        font-weight: 400;
        color: #617185;
        line-height: 16px;
        flex: 1 1 auto;
        padding: 0 7px;
      }
      .value {
        font-size: 12px;
        font-weight: 500;
        color: #07132b;
        line-height: 16px;
        flex: 0 0 auto;
      }
    }
  }
  .line-point-mark-modal {
    background: #ffffff;
    box-shadow: 0px 9px 28px 8px rgba(0, 0, 0, 0.05), 0px 6px 16px 0px rgba(0, 0, 0, 0.08),
      0px 3px 6px -4px rgba(0, 0, 0, 0.12);
    border-radius: 6px;
    .title {
      padding: 5px 8px;
      border-bottom: 1px solid #f3f3f3;
      font-size: 14px;
      color: #04132d;
      line-height: 22px;
    }
    .value {
      padding: 8px;
      font-size: 14px;
      font-weight: 500;
      color: #07132b;
      line-height: 22px;
    }
  }
}
